<!DOCTYPE html>
<html>

<head>
    <title>www.Jpxiaomi-login.com</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <script src="../jquery-1.11.3/jquery.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="./login.js"></script>
</head>

<body>
    <div class="wrap">
        <div class="header">
            <div class="headerphoto">
                <a href="../xiaomi.html"><img src="./src/login/headerphoto.jpg"></a>
            </div>
        </div>
        <div class="logintables">
            <a href="#"></a>
            <div class="logintable">
                <ul>
                    <li class="login1"><a>账号登录</a></li>
                    <li class="login2"><a>扫码登录</a></li>
                </ul>
                <div class="wrap1">
                    <form class="bs-docs-example form-horizontal">
                        <div class="control-group">
                            <input type="text" placeholder="邮箱/手机号码/小米id" id="tel">
                        </div>
                        <div class="control-group">
                            <div class="controls">
                                <input type="password" placeholder="密码" id="pwd">
                            </div>
                        </div>
                        <button class="btn" id="login">登 录</button>
                    </form>
                    <ul class="textbottom .pull-right">
                        <li><a href="register.html">立即注册</a></li>
                        <li><a>忘记密码？</a></li>
                    </ul>
                    <div style="margin-top: 150px;width: 369px;margin: 0 auto;overflow: hidden;">
                        <p style="text-align: center;">
                            <span style="text-decoration: line-through #757575;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #bbb;">其他方式登录</span><span style="text-decoration: line-through #757575;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>
                    </div>
                    <div class="otherlogin">
                        <a class="qq" href="#"><img src="../childh5/src/login/qq.png" width="18px" height="18px" alt="1" ></a>
                        <a class="weibo" href="#"><img src="../childh5/src/login/weibo.png" width="20px" height="18px" alt="2" ></a>
                        <a class="epay" href="#"><img src="../childh5/src/login/zhifubao.png" width="25px" height="18px" alt="3" ></a>
                        <a class="weixin" href="#"><img src="../childh5/src/login/wechat.png" width="25px" height="18px" alt="4" ></a>
                    </div>
                </div>
                <div class="wrap2" style="display: none;">
                    <img src="../childh5/src/login/qr.png" alt="qrcode">
                    <p style="text-align: center;">使用<span style="color: #ff6700;">小米商城APP</span>扫一扫</p>
                    <p style="text-align: center;">小米手机可打开「设置」>「小米帐号」扫码登录</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <ul>
                <li><a href="#">简体</a></li>
                <li><a href="#">繁体</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">常见问题</a></li>
            </ul><br>
            <span class="name"></span>
            <span class="password"></span><br>
            <p style="text-align:center;color: #9d9d9d;">小米公司版权所有-京ICP备10046444-<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"><img src="../childh5/src/login/ghs.png" alt="查证"></a>京公网安备11010802020134号-京ICP证110507号</p>
        </div>
    </div>
</body>

</html>